﻿@page "/"

<Pager>
    <Body>
    <Header1 Divider>
            @Code.TITLE
            <SubHeader>The Semantic-UI for Blazor.</SubHeader>
    </Header1>
    <p>
        BlamanticUI is the blazor components with style of Fomantic-UI. If you have any problems or questions please open a issue on the <a href="https://github.com/AchievedOwner/BlamanticUI" target="_blank">GitHub repository</a>.
    </p>
    <Space/>
    @Code.GetCode(@"
## Environment
Support .NET SDK:
* .NET 5
* .NET 6

The latest version of `semantic.css` is **2.8.8**

Recommand Visual Studio 2022 to open solution

## Installation
* Package Management Console
`PM> Install-Package BlamanticUI`
* .NET CLI
`dotnet add new package BlamanticUI`
* Package Reference
`<PackageReference Include=""BlamanticUI"" />`

## Use in your blazor app
1. Register service `AddBlamanticUI()`
2. Import `using BlamanticUI.Components` in `_Imports.razor`
3. Add `<BlamanticUIContainer />` component in `App.razor`
    ```html
    <Router>
    ...
    </Router>

    <!--Add this component-->
    <BlamanticUIContainer />
    ```
4. Import css style `<link href=""_content/BlamanticUI/blamantic.min.css"" rel=""stylesheet""/>`
")
</Body>
</Pager>